@import './modules/list-header';
@import './modules/list-footer';
@import './modules/reset';
* {
    margin: 0;
    padding: 0;
  }

.header{
	width: 100%;
	background-color: black;
}
.headerback{
	height: 50px;
}

.content{
	width: 100%;
	height: 600px;
	background-color: #f4f4f4;
	overflow: hidden;
	.content-center {
	    width: 1200px;
	    margin: 0 auto;
		margin-top: 50px;
		.block {
		    width: 100%;
		    box-sizing: border-box;
			.cart-top {
			    padding: 69px 80px;
			    background-color: white;
			    overflow: hidden;
				.title {
				    font-size: 15px;
				    color: #00c65e;
				    margin: 0 0 39px;
				}
				table {
				    width: 100%;
				    height: auto;
				    border: 1px solid #DCE1E4;
				    /* table-layout: fixed; */
					thead {
					    background-color: #F8F8F8;
					    border: 1px solid #DCE1E4;
					    line-height: 44px;
						tr th:nth-of-type(1) {
						    text-align: left;
						    padding: 0 0 0 50px;
						}
						tr th {
						    font-size: 12px;
						    font-weight: 400;
						    text-align: center;
						}
						tr .t-all{
							display: flex;
							align-items: center;
							input{
								width: 20px !important;
								height: 20px !important;
							}
						}
					}
					tbody {
					    border: 1px solid #DCE1E4;
						tr {
							border-bottom: 1px solid #DCE1E4;
							td:nth-of-type(1) {
							    padding-left: 50px;
							    text-align: left;
							}
							td {
							    // padding: 30px 0 30px 0;
							    text-align: center;
							    font-size: 13px;
							    color: #333333;
							    line-height: 22px;
							    border-bottom: 1px solid #DCE1E4;
								vertical-align: middle;
							}
							.t-l {
							    text-align: left;
								input{
									width: 20px !important;
									height: 20px !important;
								}
							}
							
							.img .img-col img{
								width: 70px;
								height: 70px;
								margin-top: 10px;
							}
						}
					}
				}
				
			}
			.cart-bottom {
			    width: 100%;
			    margin: 20px 0 120px;
			    padding: 24px 0;
			    display: table;
			    background-color: white;
				.cart-bottom-left {
				    display: table-cell;
				    padding-left: 80px;
				    font-size: 16px;
				    color: #666;
				    vertical-align: middle;
					a {
					    font-size: 16px;
					    color: #666;
					    text-decoration: none;
					}
				}
				.cart-bottom-right {
				    display: table-cell;
				    text-align: right;
				    padding-right: 80px;
				    font-size: 14px;
				    color: #666;
				    vertical-align: middle;
					.total-price {
					    font-size: 24px;
					    color: #00c65e;
					    margin-right: 60px;
					}
					#pay{
						width: 100px;
						height: 50px;
						line-height: 50px;
						text-align: center;
						background-color: #00c65e;
						color: white;
						border-radius: 5px;
						float: right;
					}
				}
			}
		}
	}

}

